.banner {
	width: 100%;
	/*min-width: 75rem;*/
	height: auto !important;
	background: #FFFFFF;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.banner p {
    display: inline-block;
    margin: 0 auto;
}

.banner img {
	width: auto;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

.my-bullet-active{
    background: #FFFFFF !important;
    opacity: 1 !important;
}

.banner .swiper-slide {
	display: flex;
	align-items: center;
}

.search {
	width: 100%;
	height: 5.9375rem;
	background: #F0F1F6;
}

.search .about {
	width: 75rem;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.search .keywords {
	font-size: 1rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #626262;
}

.search .keywords span {
	margin-right: .9375rem;
}

.search .input {
	width: 20rem;
	height: 2.1875rem;
	background: #FFFFFF;
	border: .0625rem solid #DCDCDC;
	border-radius: .3125rem;
	display: flex;
	align-items: center;
	border-radius: .3125rem;
	overflow: hidden;
}

.search .input input {
	width: 15.625rem;
	height: 2.1875rem;
	cursor: pointer;
	padding: 0 .9375rem;
	box-sizing: border-box;
}

.search .input input::placeholder {
	font-size: 1rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #BFBFBF;
}

.search .input .search_btn {
	width: 4.375rem;
	height: 2.1875rem;
	background: #1857A4;
	border-radius: 0rem .3125rem .3125rem 0rem;
	font-size: 1rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 2.1875rem;
	cursor: pointer;
}

.contatiner {
	width: 75rem;
	margin: 0 auto;
}

.contatiner .template {
	padding-top: 7.5rem;
	box-sizing: border-box;
}

.contatiner .template .title {
	font-size: 1.875rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #093C87;
	text-align: center;
}

.contatiner .template .subhead {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5625rem;
}

.contatiner .template .subhead img {
	width: 3.75rem;
	height: .4375rem;
}

.contatiner .template .subhead p {
	font-size: 1.125rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #C9C9C9;
	margin: 0 1.25rem;
}

.contatiner .product .classify {
	width: 100%;
	margin-top: 4.0625rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contatiner .product .classify li  {
	font-size: 1.25rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #626262;
	cursor: pointer;
	/*margin-right: 3.75rem;*/
	position: relative;
	width: 16.6%;
    text-align: center;
    overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	text-overflow: ellipsis;
	border-right: 0.125rem solid #D2D2D2;
}

/*.contatiner .product .classify li::after {*/
/*	content: "|";*/
/*	position: absolute;*/
/*	font-size: 1.25rem;*/
/*	font-family: Microsoft YaHei;*/
/*	font-weight: 400;*/
/*	color: #D2D2D2;*/
/*	right: -1.875rem;*/
/*	bottom: .0625rem;*/
/*}*/

.contatiner .product .classify li:last-child {
    border: none;
}

.contatiner .product .classify li:last-child::after {
	display: none;
}

.contatiner .product .classify .select {
	color: #1A87C5;
}

.contatiner .product .system {
	width: 100%;
}

.contatiner .product .system .sysswiper ul {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.contatiner .product .system .sysswiper ul li {
	width: 22.75rem;
	margin-right: 1.875rem;
	margin-top: 3.125rem;
}

.contatiner .product .system .sysswiper ul a:nth-child(3n) li {
	margin-right: 0;
}

.contatiner .product .system .sysswiper ul li .system_img {
	width: 100%;
	height: 15.0625rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contatiner .product .system .sysswiper ul li .system_img img {
    max-width: 100%;
    max-height: 100%;
    /*width: auto;*/
    /*height: auto;*/
}

.contatiner .product .system .sysswiper ul li p {
	font-size: 1.125rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	text-align: center;
	margin-top: 1.875rem;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	text-overflow: ellipsis;
}

.contatiner .template .more_btn a {
	width: 10.625rem;
	height: 3.125rem;
	background: #1A87C5;
	border-radius: .5rem;
	font-size: 1.25rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin: 0 auto;
	margin-top: 4.375rem;
	text-align: center;
	line-height: 3.125rem;
	display: block;
}

.contatiner .about_content {
	position: relative;
}

.contatiner .about_content .about_word {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contatiner .about_content .about_word .cube {
	width: 33rem;
	/* height: 14.5rem; */
	background: #FFFFFF;
	/* border: .0625rem solid #EEEEEE; */
	padding: .625rem 6.25rem .9375rem 1.6875rem;
	box-sizing: border-box;
	margin-top: 4.6875rem;
	overflow: hidden;
	background: url(../images/index/border-1.png) no-repeat;
}

.contatiner .about_content .about_word .cube .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contatiner .about_content .about_word .cube .head .about_title {
	display: flex;
	align-items: center;
}

.contatiner .about_content .about_word .cube .head .about_title img {
	width: 1.3125rem;
	height: 1.4375rem;
}

.contatiner .about_content .about_word .cube .head .about_title p {
	font-size: 1.5rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #3F7CF8;
	margin-left: 1.25rem;
}

.contatiner .about_content .about_word .cube .head .num {
	font-size: 3.75rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DEE1EA;
}

.contatiner .about_content .about_word .cube .text .chop {
	width: 6.875rem;
	height: 8.125rem;
	background-color: #093C87;
	float: right;
	shape-outside: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
	opacity: 0;
}

.contatiner .about_content .about_word .cube .text {
	height: 8.125rem;
	overflow: hidden;
}

.contatiner .about_content .about_word .cube .text .font {
	/* width: 23.0625rem; */
	height: 8.125rem;
	font-size: 1rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #313131;
	line-height: 2rem;
}

.contatiner .about_content .about_word .cube:nth-child(2) {
	padding: .625rem 1.6875rem .9375rem 6.25rem;
	background: url(../images/index/border-2.png) no-repeat;
	border-right: .0625rem solid #EEEEEE;
}

.contatiner .about_content .about_word .cube:nth-child(2) .head {
	flex-direction: row-reverse;
}

.contatiner .about_content .about_word .cube:nth-child(2) .text .font {
	text-align: right;
}

.contatiner .about_content .about_word .cube:nth-child(2) .text .chop {
	float: left;
	shape-outside: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
}

.contatiner .about_content .about_word .cube:nth-child(3) {
	display: flex;
	flex-direction: column-reverse;
	padding: .625rem 6.25rem .9375rem 1.6875rem;
	background: url(../images/index/border-3.png) no-repeat;
}

.contatiner .about_content .about_word .cube:nth-child(3) .text .chop {
	shape-outside: polygon(100% 100%, 100% 100%, 0 0, 100% 0);
	clip-path: polygon(100% 100%, 100% 100%, 0 0, 100% 0);
}

.contatiner .about_content .about_word .cube:nth-child(4) {
	display: flex;
	flex-direction: column-reverse;
	padding: .625rem 1.6875rem .9375rem 6.25rem;
	background: url(../images/index/border-4.png) no-repeat;
	border-right: .0625rem solid #EEEEEE;
}

.contatiner .about_content .about_word .cube:nth-child(4) .head {
	flex-direction: row-reverse;
}

.contatiner .about_content .about_word .cube:nth-child(4) .text .chop {
	float: left;
	shape-outside: polygon(100% 0, 0 100%, 0 0, 100% 0);
	clip-path: polygon(100% 0, 0 100%, 0 0, 100% 0);
}

.contatiner .about_content .about_word .cube:nth-child(4) .text .font {
	text-align: right;
}

.contatiner .about_content .about_chop {
	width: 24rem;
	height: 23.375rem;
	border-radius: 50%;
	background-color: #BDC7F7;
	position: absolute;
	top: calc(50% - 11.6875rem + 2.3125rem);
	left: calc(50% - 12rem);
}

.contatiner .about_content .about_chop img {
    border-radius: 50%;
}

.contatiner .news .news_classify {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3.75rem;
}

.contatiner .news .news_classify li {
	width: 12.5rem;
	height: 2.5625rem;
	border-radius: 1rem 0rem 0rem 0rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: url(../images/index/icon-4.png) no-repeat scroll 2.6875rem center;
	background-color: #E9F7FE;
}

.contatiner .news .news_classify .select {
	background-color: #093C87;
}

.contatiner .news .news_classify .select span {
	color: #FFFFFF;
}

.contatiner .news .news_classify li:nth-child(2) {
	border-radius: 0;
	margin: 0 1.875rem;
	background-image: url(../images/index/icon-6.png);
}
	
.contatiner .news .news_classify .last_news_li li {
    border-radius: 0rem 1rem 0rem 0rem;
}
	
.contatiner .news .news_classify li:nth-child(3) {

	background-image: url(../images/index/icon-2.png);
}

.contatiner .news .news_classify li:nth-child(1).select{
	background-image: url(../images/index/icon-3.png);
}
.contatiner .news .news_classify li:nth-child(2).select{
	background-image: url(../images/index/icon-5.png);
}
.contatiner .news .news_classify li:nth-child(3).select{
	background-image: url(../images/index/icon-1.png);
}

.contatiner .news .news_classify li img {
	width: 1.3125rem;
	height: 1.3125rem;
	opacity: 0;
}

.contatiner .news .news_classify li span {
	font-size: 1.25rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #093C87;
	margin-left: .9375rem;
}

.contatiner .news .news_about {
	margin-top: 3.125rem;
}

.contatiner .news .news_about .recommend {
	width: 26.25rem;
	height: 16.875rem;
	position: relative;
}

.contatiner .news .news_about .recommend .word {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.8125rem;
	background: rgba(0, 0, 0, 0.4);
}

.contatiner .news .news_about .recommend .word p {
	font-size: 1.125rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 2.8125rem;
}

.contatiner .news .news_about .recommend .img,
.contatiner .news .news_about .recommend .img img {
	width: 100%;
	height: 100%;
}

.contatiner .news .news_about .news_list .swiper-slide {
	display: flex;
	/*align-items: center;*/
	justify-content: space-between;
}

.contatiner .news .news_about .news_list ul {
	width: 100%;
	flex: 1;
	margin-left: 2.5rem;
}

.contatiner .news .news_about .news_list ul a {
    display: block;
    border-bottom: .0625rem solid #F5F5F5;
    width: 100%;
	height: 3.4375rem;
	line-height: 3.4375rem;
}

.contatiner .news .news_about .news_list ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.contatiner .news .news_about .news_list ul li:last-child {
	border: none;
}

.contatiner .news .news_about .news_list ul li:hover .news_title {
	color: #1A87C5;
}

.contatiner .news .news_about .news_list ul li .news_title {
    width: 75%;
	font-size: 1.125rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	text-overflow: ellipsis;
}

.contatiner .news .news_about .news_list ul li .news_title span {
	font-size: 1.25rem;
	margin-right: .9375rem;
}

.contatiner .news .news_about .news_list ul li .news_time {
	font-size: 1.125rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1A87C5;
	width: 30%;
}

.experiment .test {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 3.75rem;
	margin-bottom: 7.5rem;
}

.experiment .test .cube {
	width: 16.25rem;
	height: 27.0625rem;
	background: #FFFFFF;
	border: .0625rem solid #EEEEEE;
}

.experiment .test .cube .img {
	width: 100%;
	height: 15.0625rem;
}

.experiment .test .cube .name {
    /*height: 2.8125rem;*/
	font-size: 1.5rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	padding: 0 1.875rem;
	box-sizing: border-box;
	/*padding-bottom: 1.25rem;*/
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	text-overflow: ellipsis;
	margin-top: 2.5rem;
	text-align: center;
	/*line-height: 2.8125rem;*/
}

.experiment .test .cube .txt::after {
	content: "";
	width: 2.375rem;
	height: .25rem;
	background: #3F7CF8;
	position: absolute;
	top: 0;
	left: calc(50% - 1.1875rem);
}

.experiment .test .cube .txt {
	font-size: .875rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #626262;
	line-height: 1.375rem;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	text-overflow: ellipsis;
	text-align: center;
	padding: 0 1.875rem;
	padding-top: 1.875rem;
	box-sizing: border-box;
	position: relative;
	margin-top: 0.8125rem;
}

.experiment .test .cube .img p{
    width: 100%;
    height: 13.0625rem;
}

.experiment .test .cube .img p img{
    width: 100%;
    height: 100%;
}